@charset "utf-8";
.clear{
	clear:both;
}
.month-container{
	/* background:#fffbdf; */
	width:340px;
	height:auto;
	margin:0px auto;
	/* box-shadow:2px 2px 8px 1px rgba(0,0,0,0.6); */
}
.month-head{
	background:#fffbdf;
	width:340px;
	height:50px;
    font:20px bold "microsoft yahei";
	text-shadow:2px 2px 3px #FFF;
	text-align:center;
}
.month-head span {
    color: #ffb186;
    /* border-color: #fffbdf; */
	line-height:50px;
}
.month-cell {
    float: left; 
    padding: 0px 6px;
    margin: 4px 2px 0px 2px;
    width: 32px;
    text-align: center;
    line-height: 32px;
	background:#F5F5F5;
/* 	border:1px solid #99CCFF; */
}
.month-cell:active{
	box-shadow:inset 2px 2px 5px rgba(0,0,0,0.6);
}
.month-cell span {
    display: block;
    color: #cccccc;
    font:15px "microsoft yahei";
    text-align: center;
	line-height:30px;
    cursor:pointer;
}
.month-cell.active span {
    border-color: #cccccc;
}
.month-cell.pink {
    background: #fffbdf;
}
.month-cell.pink span {
    color: #ffb186;
    border-color: #fffbdf;
}
.month-cell.pink.active span {
    border-color: #ffe295;
}
.month-cell.orange {
    background: #fff5b4;
}
.month-cell.orange span {
    color: #ffaf6e;
    border-color: #fff5b4;
}
.month-cell.orange.active span {
    border-color: #ffcf71;
}
.month-cell.red {
    background: #ff6840;
}
.month-cell.pink.flag {
    
}
.month-cell.red span {
    color: #ffffff;
    border-color: #ff6840;
}
.month-cell.blue {
    background: #5bb5ec;
}
.month-cell.blue span {
    color: #ffffff;
    border-color: #5bb5ec;
}
.triangle {
	border-color: #57af1a #fff #fff #fff;
	border-style: solid;
	border-width: 100px 60px 0 60px;
	height: 0;
	width: 0;
}
